<template>
  <div class="icon-card flex-col-center" :style="{fontSize:size+'px'}">
    <el-icon  :size="size">
      <component :is="icon" />
    </el-icon>
  </div>
</template>

<script lang="ts" setup>
import {ref,defineProps,withDefaults} from 'vue'

let props=withDefaults(defineProps<{
  size:number,
  icon:string
}>(),{
  size:25,
})
</script>

<style scoped lang="less">
  .icon-card{
    border-radius: 3px;
    border: 2px solid var(--border-color-gray);
    height: 2em;
    width: 2em;
  }
</style>